// pages/home/home.js
import { getProList } from './../../api/pro'
Page({
  // 页面的自定义函数
  goSearch () {
    // 编程式跳转
    wx.navigateTo({
      url: '/packageSearch/pages/search/search',
    })
  },
  backtop () {
    wx.pageScrollTo({
      scrollTop: 0,
      duration: 300,
    })
  },
  /**
   * 页面的初始数据
   */
  data: {
    proList: [],
    count: 2,
    flag: false
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   * 不建议在 onLoad中请求数据，因为只执行一次
   * 类似于自动加了 keep-alive 的vue
   * 
   */
  onShow: function () {
    getProList().then(res => {
      // console.log(res)
      this.setData({
        proList: res.data.data
      })
    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    getProList().then(res => {
      // console.log(res)
      this.setData({
        proList: res.data.data,
        count: 2
      })
      // 下拉动画会有延迟的效果，请求完毕之后需要主动关闭下拉效果
      wx.stopPullDownRefresh()
    })
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    getProList({ count: this.data.count }).then(res => {
      if (res.data.data.length === 0) {
        wx.showToast({
          title: '没有更多数据了',
          icon: 'none'
        })
      } else {
        // 合并数据
        this.setData({
          proList: [...this.data.proList, ...res.data.data],
          count: this.data.count + 1
        })
      }
    })
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },

  onPageScroll({scrollTop}) {
    this.setData({
      flag: scrollTop > 300
    })
  }

})